<template>
  <div class="top-view">
    <a-button type="primary" size="small" class="backBtn">
      <template #icon><img src="@/assets/images/globalCommon/back.png"/></template>
      返回
    </a-button>
    <span class="huis">全市统揽</span>
    <span class="text">/</span>
    <span class="text">四大领域</span>
  </div>
</template>
<script lang="ts" setup>
interface PropsType {
  title: string
}
const props = withDefaults(defineProps<PropsType>(), {
  title: '督办事项'
})
</script>
<style lang="scss" scoped>
.top-view {
  width: 100%;
  height: 50vw * $Bw;
  line-height: 50vw * $Bw;
  padding-left: 70vw * $Bw;
  display: flex;
  .backBtn {
    display: flex;
    align-items: center;
    img {
      margin-right: 20vw * $Bw;
    }
  }
  .ant-btn-primary {
      background: #144084;
      border-color: #728cb5;
  }
  .text {
    font-size: 32vh * $Bh;
    color: #fff;
    margin-left: 20vw * $Bw;
  }
  .huis {
    font-size: 32vh * $Bh;
    color: #6c7693;
    margin-left: 20vw * $Bw;
  }
}
</style>
